﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ControlProperties.aspx.cs" Inherits="ASPNET_Style.Simple.ControlProperties" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Controls properties / Propriétés des controles</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        
        <%--datasource for demo--%>
        <asp:XmlDataSource ID="DemoXmlDataSource" runat="server" DataFile="~/DemoXmlFile.xml"/>
    
        <table width="100%" cellpadding="5" cellspacing="10" >
            <thead>
                <tr>
                    <th>
                        <asp:HyperLink runat="server" ID="DefaultHyperLink" NavigateUrl="~/Default.aspx" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px">
                            Base page
                            <br />
                            Page de base
                        </asp:HyperLink>
                    </th>
                    <th>
                        <asp:HyperLink runat="server" ID="ControlPropertiesHyperLink" NavigateUrl="~/ControlProperties.aspx" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px">
                            Controls properties
                            <br />
                            Propriétés des controles
                        </asp:HyperLink>
                    </th>
                    <th>
                        <asp:HyperLink runat="server" ID="StylePropetyHylperLink" NavigateUrl="~/StyleProperty.aspx" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px">
                            Control "Style" property
                            <br />
                            Propriété "Style" des controles
                        </asp:HyperLink>
                    </th>
                    <th>
                        <asp:HyperLink runat="server" ID="InlineCSSHyperLink" NavigateUrl="~/InlineCSS.aspx" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px">
                            Inline CSS
                            <br />
                            CSS dans la page
                        </asp:HyperLink>
                    </th>
                    <th>
                        <asp:HyperLink runat="server" ID="FileCSSHyperLink" NavigateUrl="~/FileCSS.aspx" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px">
                            CSS in file
                            <br />
                            CSS dans un fichier
                        </asp:HyperLink>
                    </th>
                    <th>
                        <asp:HyperLink runat="server" ID="CSSClassesHyperLink" NavigateUrl="~/CSSClass.aspx" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px">
                            CSS Classes
                            <br />
                            Classes CSS
                        </asp:HyperLink>
                    </th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <th colspan="6" align="center">
                       asp:HyperLink <asp:HyperLink runat="server" ID="AuthorHyperLink" NavigateUrl="http://www.sambeauvois.be/blog/"
                            Target="_blank" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px">www.sambeauvois.be</asp:HyperLink>
                    </th>
                </tr>
            </tfoot>
            <tbody>
                <tr>
                    <td colspan="6" align="center">
                       <h1>Base page, no styles</h1>
                       <h1>Page de base, pas de styles appliqués</h1>
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:Label
                    </td>
                    <td colspan="5">
                        <asp:Label runat="server" ID="EnglishIntroLabel" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px">
                            The page layout is table based, to not interfer with the purpose of this demo wich
                            is to show the different ways to syle asp.net controls.
                            <br />
                            Simple page, no master page, base code is copied between pages
                            <br />
                           This page use the controls properties to style them
                        </asp:Label>
                        <br />
                        <hr />
                        <br />
                        <asp:Label runat="server" ID="FrenchIntroLabel" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px">
                            Le layout de cette page est volontairement créé avec des tableaux, pour ne pas interférer
                            avec le but de cette démo qui est de montrer les différentes manières de styliser
                            les controles asp.net.
                            <br />
                            Page simple, pas de master pages, le code de la page est copié entre les différentes pages du projet.
                            <br />
                            Cette page utilise les propriétés des controles pour les styliser.
                        </asp:Label>
                    </td>
                </tr>
                <tr>
                    <td colspan="6">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:TextBox
                    </td>
                    <td colspan="2">
                        <asp:TextBox runat="server" ID="DemoTextBox" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px" Height="40px" Width="250px">Demo</asp:TextBox>
                    </td>
                    <td>
                        asp:Button
                    </td>
                    <td colspan="2">
                        <asp:Button runat="server" ID="DemoButton" Text="Demo" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:Calendar
                    </td>
                    <td colspan="2">
                        <asp:Calendar runat="server" ID="DemoCalendar" BackColor="LightBlue" ForeColor="Red"
                            Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid"
                            BorderWidth="1px">
                            <DayHeaderStyle BackColor="LawnGreen" ForeColor="Blue" />
                            <DayStyle BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px" ForeColor="Brown" />
                            <NextPrevStyle BackColor="Yellow" />
                            <SelectedDayStyle BackColor="Crimson" />
                            <SelectorStyle BackColor="LightGray" />
                            <TitleStyle ForeColor="Blue" />
                            <TodayDayStyle BackColor="DarkOliveGreen" ForeColor="White" />
                            <WeekendDayStyle BackColor="LightGreen" />
                        </asp:Calendar>
                    </td>
                    <td>
                       asp:BulletedList
                    </td>
                    <td colspan="2">
                        <asp:BulletedList runat="server" ID="DemoBulletedList" DataSourceID="DemoXmlDataSource"
                            DataTextField="Name" DataValueField="Value" BackColor="LightBlue" ForeColor="Red"
                            Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid"
                            BorderWidth="1px" BulletStyle="LowerRoman" />
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:CheckBox
                    </td>
                    <td colspan="2">
                        <asp:CheckBox runat="server" ID="DemoCheckBox" Text="Demo" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px"/>
                    </td>
                     <td>
                        asp:RadioButton
                    </td>
                    <td colspan="2">
                        <asp:RadioButton runat="server" ID="DemoRadioButton1" Text="Demo 1" GroupName="Demo" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px"/>
                        <asp:RadioButton runat="server" ID="DemoRadioButton2" Text="Demo 2" GroupName="Demo" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px"/>
                        <asp:RadioButton runat="server" ID="DemoRadioButton3" Text="Demo 3" GroupName="Demo" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:Image
                    </td>
                    <td colspan="2">
                        <asp:Image runat="server" ID="DemoImage" ImageUrl="~/demo.png" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px"/>
                    </td>
                    <td>
                        asp:Login
                    </td>
                    <td colspan="2">
                        <asp:Login runat="server" ID="DemoLogin" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px" >
                        <CheckBoxStyle BackColor="LawnGreen" />
                        <LabelStyle BackColor="Yellow" ForeColor="Blue" />
                        <LoginButtonStyle ForeColor="Blue" Font-Bold="true" Font-Size="X-Large" />
                        <TextBoxStyle Height="50px" />
                        <TitleTextStyle BackColor="LightGreen" ForeColor="DarkBlue" />
                        </asp:Login>
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:GridView
                    </td>
                    <td colspan="2">
                        <asp:GridView ID="GridView1" runat="server" DataSourceID="DemoXmlDataSource" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px" Width="205px">
                        <AlternatingRowStyle BackColor="Red" ForeColor="LightBlue" />
                        <HeaderStyle BackColor="Green" ForeColor="White" Height="40px"/>
                        </asp:GridView>
                    </td>
                    <td>
                        asp:FormView
                    </td>
                    <td colspan="2">
                        <asp:FormView ID="DemoFormView" runat="server" DataSourceID="DemoXmlDataSource" AllowPaging="True" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px" Width="205px">
                            <ItemTemplate>
                                Name:
                                <asp:Label ID="NameLabel" runat="server" Text='<%# Eval("Name") %>' />
                                <br />
                                Value:
                                <asp:Label ID="ValueLabel" runat="server" Text='<%# Eval("Value") %>' />
                                <br />
                            </ItemTemplate>
                            <InsertRowStyle  />
                            <HeaderStyle BackColor="Green" ForeColor="White" Height="40px"/>
                            <FooterStyle  BackColor="LightGreen"/>
                            <PagerSettings Mode="NumericFirstLast"/>
                            <PagerStyle BackColor="Gray" ForeColor="White" />
                        </asp:FormView>
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:DetailsView
                    </td>
                    <td colspan="2">
                        <asp:DetailsView runat="server" ID="DemoDetailsView" DataSourceID="DemoXmlDataSource"
                            AllowPaging="true" BackColor="LightBlue" ForeColor="Red" Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid" BorderWidth="1px">
                            <AlternatingRowStyle  BackColor="Red" ForeColor="LightBlue"/>
                            <FieldHeaderStyle BackColor="Pink" ForeColor="Black" />
                            <FooterStyle BackColor="LightGreen" />
                            <HeaderStyle BackColor="LightPink" />
                            <PagerStyle BackColor="Gray" ForeColor="White" />
                            </asp:DetailsView>
                    </td>
                    <td>
                        asp:SiteMapPath
                    </td>
                    <td colspan="2">
                        <asp:SiteMapPath runat="server" ID="DemoSiteMapPath" BackColor="LightBlue" ForeColor="Red"
                            Font-Bold="true" Font-Italic="true" Font-Size="Larger" BorderColor="Blue" BorderStyle="Solid"
                            BorderWidth="1px">
                            <CurrentNodeStyle BackColor="Red" ForeColor="White" />
                            <PathSeparatorTemplate>
                                -===-
                            </PathSeparatorTemplate>
                            <PathSeparatorStyle BackColor="Pink" ForeColor="Black" />
                            <RootNodeTemplate>
                                Start : >
                            </RootNodeTemplate>
                            <RootNodeStyle ForeColor="White" BackColor="Black" />
                        </asp:SiteMapPath>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    </form>
</body>
</html>
